<!DOCTYPE html>
<!-- saved from url=(0024)https://www.bootcss.com/ -->
<html lang="zh-CN"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    
<title>Bootstrap中文网</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Bootstrap是Twitter推出的一个用于前端开发的开源工具包。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发，是一个CSS/HTML框架。目前，Bootstrap最新版本为3.0 。Bootstrap中文网致力于为广大国内开发者提供详尽的中文文档、代码实例等，助力开发者掌握并使用这一框架。">
<meta name="keywords" content="Bootstrap,CSS,CSS框架,CSS framework,javascript,bootcss,bootstrap开发,bootstrap代码,bootstrap入门">
<meta name="author" content="Bootstrap中文网">
<meta name="robots" content="index,follow">
<meta name="application-name" content="bootcss.com">
<meta property="qc:admins" content="1603466166416277433363757477167">

<!-- Site CSS -->
<link href="./Bootstrap中文网_files/bootstrap.min.css" rel="stylesheet">
<link href="./Bootstrap中文网_files/font-awesome.min.css" rel="stylesheet">

	<link href="./Bootstrap中文网_files/site.min.css" rel="stylesheet">

<style>
.job-hot {
	position: absolute;
	color: #d9534f;
	right: 0;
	top: 15px;
}
</style>

<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
  <script src="https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js"></script>
<![endif]-->

<!-- Favicons -->
<link rel="apple-touch-icon-precomposed" href="https://cdn.jsdelivr.net/npm/@bootcss/www.bootcss.com@0.0.15/dist/ico/apple-touch-icon-precomposed.png">
<link rel="shortcut icon" href="https://cdn.jsdelivr.net/npm/@bootcss/www.bootcss.com@0.0.15/dist/ico/favicon.ico">

<script>
  var _hmt = _hmt || [];
</script>

<link rel="canonical" href="https://www.bootcss.com/">
<script>
var qqgroup = '318630708';
</script>

  <style type="text/css">
        @font-face {
            font-family: "element-icons";
            src: url('chrome-extension://hjhdlmbokjgoclfdalnannanhapjgcoo/fonts/element-icons.woff') format('woff'),
            url('chrome-extension://hjhdlmbokjgoclfdalnannanhapjgcoo/fonts/element-icons.ttf') format('truetype'); /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
        }
    </style><style>[touch-action="none"]{ -ms-touch-action: none; touch-action: none; touch-action-delay: none; }
body /shadow-deep/ [touch-action="none"]{ -ms-touch-action: none; touch-action: none; touch-action-delay: none; }
[touch-action="auto"]{ -ms-touch-action: auto; touch-action: auto; touch-action-delay: none; }
body /shadow-deep/ [touch-action="auto"]{ -ms-touch-action: auto; touch-action: auto; touch-action-delay: none; }
[touch-action="pan-x"]{ -ms-touch-action: pan-x; touch-action: pan-x; touch-action-delay: none; }
body /shadow-deep/ [touch-action="pan-x"]{ -ms-touch-action: pan-x; touch-action: pan-x; touch-action-delay: none; }
[touch-action="pan-y"]{ -ms-touch-action: pan-y; touch-action: pan-y; touch-action-delay: none; }
body /shadow-deep/ [touch-action="pan-y"]{ -ms-touch-action: pan-y; touch-action: pan-y; touch-action-delay: none; }
[touch-action="pan-x pan-y"],[touch-action="pan-y pan-x"]{ -ms-touch-action: pan-x pan-y; touch-action: pan-x pan-y; touch-action-delay: none; }
body /shadow-deep/ [touch-action="pan-x pan-y"],body /shadow-deep/ [touch-action="pan-y pan-x"]{ -ms-touch-action: pan-x pan-y; touch-action: pan-x pan-y; touch-action-delay: none; }
</style><style id="style-1-cropbar-clipper">/* Copyright 2014 Evernote Corporation. All rights reserved. */
.en-markup-crop-options {
    top: 18px !important;
    left: 50% !important;
    margin-left: -100px !important;
    width: 200px !important;
    border: 2px rgba(255,255,255,.38) solid !important;
    border-radius: 4px !important;
}

.en-markup-crop-options div div:first-of-type {
    margin-left: 0px !important;
}
</style><link type="text/css" rel="stylesheet" href="chrome-extension://pioclpoplcdbaefihamjohnefbikjilc/content.css"></head>
  <body>

    <div class="navbar navbar-inverse navbar-fixed-top">
  <div class="container">
    <div class="navbar-header">
      <button class="navbar-toggle collapsed" type="button" data-toggle="collapse" data-target=".navbar-collapse">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <a class="navbar-brand hidden-sm" href="http://www.bootcss.com/" onclick="_hmt.push([&#39;_trackEvent&#39;, &#39;navbar&#39;, &#39;click&#39;, &#39;navbar-首页&#39;])">美好生活</a>
    </div>
  </div>
</div>

  <div class="jumbotron masthead">
  <div class="container">
    <h1>我们不配被怀念</h1>
    <h2>你必须内心丰富，才能摆脱这些生活表面的相似</h2>
    <p class="masthead-button-links">
      <a class="btn btn-lg btn-primary btn-shadow" href="https://music.163.com/#/playlist?id=3205269853" target="_blank" role="button" onclick="_hmt.push([&#39;_trackEvent&#39;, &#39;masthead&#39;, &#39;click&#39;, &#39;masthead-Bootstrap3中文文档&#39;])">开启美好一天</a>
    </p>
  </div>
</div>


<div class="container projects">
    <div class="projects-header page-header">
      <h2>每日生活所需</h2>
      <p>你来人间一趟，你要晒晒太阳，和心爱的人一起走在街上</p>
    </div>
    <div class="row">
     
        <div class="col-sm-6 col-md-4 col-lg-3 ">
          <div class="thumbnail" style="height: 336px;">
            <a href="http://139.9.229.30:8081" title="TOMCAT 空包展示页面" target="_blank" onclick="_hmt.push([&#39;_trackEvent&#39;, &#39;tile&#39;, &#39;click&#39;, &#39;webpack&#39;])">
              <img class="lazy" src="./Bootstrap中文网_files/webpack.png" width="300" height="150" data-src="https://cdn.jsdelivr.net/npm/@bootcss/www.bootcss.com@0.0.15/dist/img/webpack.png" alt="Webpack 是前端资源模块化管理和打包工具">
            </a>
            <div class="caption">
              <h3>
                  <a href="http://139.9.229.30:8081" title="TOMCAT 空包展示页面" target="_blank" onclick="_hmt.push([&#39;_trackEvent&#39;, &#39;tile&#39;, &#39;click&#39;, &#39;webpack&#39;])">TOMCAT<br><small>空包展示页面</small></a>
              </h3>
              <p>TOMCAT 空包展示页面</p>
            </div>
          </div>
        </div>
      
        <div class="col-sm-6 col-md-4 col-lg-3 ">
          <div class="thumbnail" style="height: 336px;">
            <a href="http://139.9.229.30:8082" title="Jenkins 持续集成部署" target="_blank" onclick="_hmt.push([&#39;_trackEvent&#39;, &#39;tile&#39;, &#39;click&#39;, &#39;react&#39;])">
              <img class="lazy" src="./Bootstrap中文网_files/react.png" width="300" height="150" data-src="https://cdn.jsdelivr.net/npm/@bootcss/www.bootcss.com@0.0.15/dist/img/react.png" alt="Jenkins 持续集成部署">
            </a>
            <div class="caption">
              <h3>
                  <a href="http://139.9.229.30:8082" title="Jenkins 持续集成部署" target="_blank" onclick="_hmt.push([&#39;_trackEvent&#39;, &#39;tile&#39;, &#39;click&#39;, &#39;react&#39;])">Jenkins<br><small>持续集成部署</small></a>
              </h3>
              <p>Jenkins 持续集成部署</p>
            </div>
          </div>
        </div>
      
        <div class="col-sm-6 col-md-4 col-lg-3 ">
          <div class="thumbnail" style="height: 336px;">
            <a href="http://139.9.229.30:8083" title="SwaggerEditor 在线yaml查看编辑" target="_blank" onclick="_hmt.push([&#39;_trackEvent&#39;, &#39;tile&#39;, &#39;click&#39;, &#39;typescript&#39;])">
              <img class="lazy" src="./Bootstrap中文网_files/typescript.png" width="300" height="150" data-src="https://cdn.jsdelivr.net/npm/@bootcss/www.bootcss.com@0.0.15/dist/img/typescript.png" alt="SwaggerEditor 在线yaml查看编辑">
            </a>
            <div class="caption">
              <h3>
                  <a href="http://139.9.229.30:8083" title="TypeScript 中文手册" target="_blank" onclick="_hmt.push([&#39;_trackEvent&#39;, &#39;tile&#39;, &#39;click&#39;, &#39;typescript&#39;])">SwaggerEditor <br><small> 在线yaml查看编辑</small></a>
              </h3>
              <p>SwaggerEditor 在线yaml查看编辑</p>
            </div>
          </div>
        </div>
      
        <div class="col-sm-6 col-md-4 col-lg-3 ">
          <div class="thumbnail" style="height: 336px;">
            <a href="http://139.9.229.30:8086" title="CarManager 车辆管理系统" target="_blank" onclick="_hmt.push([&#39;_trackEvent&#39;, &#39;tile&#39;, &#39;click&#39;, &#39;graphql&#39;])">
              <img class="lazy" src="./Bootstrap中文网_files/null.png" width="300" height="150" data-src="https://cdn.jsdelivr.net/npm/@bootcss/www.bootcss.com@0.0.15/dist/img/graphql.png" alt="CarManager 车辆管理系统">
            </a>
            <div class="caption">
              <h3>
                  <a href="http://139.9.229.30:8086" title="GraphQL 中文文档" target="_blank" onclick="_hmt.push([&#39;_trackEvent&#39;, &#39;tile&#39;, &#39;click&#39;, &#39;graphql&#39;])">CarManager <br><small>车辆管理系统</small></a>
              </h3>
              <p>CarManager 车辆管理系统</p>
            </div>
          </div>
        </div>
 </div>
 </div>
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="./Bootstrap中文网_files/jquery.min.js.下载"></script>
<script src="./Bootstrap中文网_files/bootstrap.min.js.下载"></script>
<script src="./Bootstrap中文网_files/jquery.unveil.min.js.下载"></script>
<script src="./Bootstrap中文网_files/jquery.scrollUp.min.js.下载"></script>
<script src="./Bootstrap中文网_files/toc.min.js.下载"></script>
<script src="./Bootstrap中文网_files/jquery.matchHeight-min.js.下载"></script>

  <script src="./Bootstrap中文网_files/site.min.js.下载"></script>

<script>
  $(document).ready(function(){
      $('#qqgroup').text(qqgroup);
  });
</script>


    
      <!-- 以下是 www.bootcss.com 网站所使用的统计代码，如果你使用本页面作为自己的模板，请将下面的统计代码删掉！！！ -->
    <script type="text/javascript">
    var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://" : " http://");
    document.write(unescape("%3Cscript src='" + _bdhmProtocol + "hm.baidu.com/h.js%3F3d8e7fc0de8a2a75f2ca3bfe128e6391' type='text/javascript'%3E%3C/script%3E"));
    </script><script src="./Bootstrap中文网_files/h.js.下载" type="text/javascript"></script>

    <script type="text/javascript">
var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://" : " http://");
document.write(unescape("%3Cscript src='" + _bdhmProtocol + "hm.baidu.com/h.js%3F079fac161efc4b2a6f31e80064f14e82' type='text/javascript'%3E%3C/script%3E"));
</script><script src="./Bootstrap中文网_files/h.js(1).下载" type="text/javascript"></script>

<!-- 上面是 www.bootcss.com 网站所使用的统计代码，如果你使用本页面作为自己的模板，请将上面面的统计代码删掉！！！ -->
    
  

<a id="scrollUp" href="https://www.bootcss.com/#top" style="position: fixed; z-index: 2147483647;"><i class="fa fa-angle-up"></i></a></body></html>